/*
Theme Name: ADS Client
Theme URI: http://www.aurorum.eu/
Description: The 2010 default theme for WordPress.
Author: Aurorum Team
Author URI: http://www.aurorum.eu/
Version: 0.0.1
Tags: digital signage, touchscreen

License:
License URI:

General comments (optional).
*/
*{
    padding: 0;
    margin: 0;
}
#wpadminbar{
    display: none;
}

body{
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 12px;
/*    background: #000;*/
    color: #fff;
    background: #812c80 url('images/background.jpg') no-repeat top left;
    /*    overflow:hidden;*/
}

#screen{
    width  : 1920px;
    height : 1080px;
/*    overflow: hidden;*/
}

.rootFrame{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#preloader{
    line-height: 1250px; 
    text-align : center;
    vertical-align: middle;    
    font-size: 48px;
}

.preloading{
    background : transparent url('images/loader.gif') center center no-repeat;
    background-size: 220px 28px; 
}

p{
    /*padding : 94px;*/
    font-size : 48px;
    line-height : 1.6em
}

p:first-line{

    /*padding : 94px;*/
    /*    line-height : 1em;
        padding: 0 0 0.3em;*/
}

p strong{
    color: #f0c388;
    font-weight: normal;
}

.post{
    padding: 100px;    
}

img.alignleft 
{
    display: block;
    float: left;
    margin-right: 50px;  
}

img.icon{
    width: 128px;
    height: 128px;
}

img.rateIcon{
    width: 28px;
    height: 35px;
}

video.bg_video{
    width: 1920px;
    height: 1080px;
}

/* FLIPING DOORS */

.mask {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 800;
}

.card {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
}

.card.flipped {
  -webkit-transform: rotateY( 180deg );
}

.card div.side {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
}

.card .front {

}

.card .back {
  -webkit-transform: rotateY( 180deg )  translateZ( 1px );
}

/* HOME FRAME */

.rootFrame.home{
/*    background: #812c80 url('images/background.jpg') no-repeat top left;*/
}

/* MAIN FRAME */

.rootFrame.main{
    background: transparent url('images/background2.jpg') no-repeat top left;
    background-size: 100% 100%; 
}

.rootFrame.main .main-logo{
    position:absolute;
    top:75px;
    left:69px;
    width:353px;
    height:78px;
    background: transparent url('images/logo.png') no-repeat top left;
    background-size: 100% 100%;
}

.rootFrame.main .main-forecast{
    position:absolute;
    top:200px;
    left:69px;
    width:341px;
    height:453px;
}

.rootFrame.main .main-forecast .wrapper{
    padding:65px 0;height:236px
}

.rootFrame.main .main-forecast .column{
    float:left;width:170px;
}

.rootFrame.main .main-forecast .title{
    font-size: 38px; color:#cc88c1;text-transform: uppercase;font-weight: bold;text-align: center
}

.rootFrame.main .main-forecast .temperature{
    font-size: 38px; text-transform: uppercase;font-weight: bold;text-align: center
}

.rootFrame.main .main-forecast .weatherSource{
    text-align: center;height: 75px;vertical-align: middle;line-height: 75px;margin-top: 13px;color:#e4bee3;font-size: 24px
}

.rootFrame.main .main-mainframe{
    position:absolute;
    top:193px;
    left:492px;
    width:1329px;
    height:749px;
}

.rootFrame.main .main-info{
    position:absolute;
    top:704px;
    left:80px;
    width:341px;
    height:225px;
    padding: 35px 0 0;
}

.rootFrame.main .main-info .clocks{
    font-size: 72px;font-weight: bold
}

.rootFrame.main .main-info .date{
    font-size: 48px;font-weight: bold;color:#f0c388
}

.rootFrame.main .main-info .nameday{
    font-size: 36px;font-weight: bold;white-space: nowrap;
}

.rootFrame.main .main-rssfeed{
    position:absolute;top:989px;left:80px;width:1304px;height:91px;background: url('./images/icons/rss.png') 35px center no-repeat;
    background-size: 32px 32px;
}

.rootFrame.main .main-rssfeed .wrapper{
    font-size: 32px;
    color:#cc88c1;
    line-height: 91px;
    vertical-align: middle;
    text-overflow: ellipsis;
    padding: 0 30px 0 95px;
    white-space:nowrap;
    overflow:hidden;    
}

.rootFrame.main .main-pager{
    position:absolute;top:989px;left:1384px;width:437px;height:91px;
}

.rootFrame.main .main-pager .wrapper{
    font-size: 32px;color:#8a7a8a;text-align: right;padding-right: 55px;line-height: 91px;vertical-align: middle;overflow:hidden;
}

.rootFrame.main .main-exchange{
    position:absolute;top:39px;left:492px;width:1329px;height:161px;
}

.exchange .eur{
    float:left;margin: 0 40px 0 0;background: url('./images/icons/currency/eur.png') left center no-repeat;padding: 0 0 0 60px;
    background-size: 43px 42px;
}

.exchange .usd{
    float:left;background: url('./images/icons/currency/usd.png') left center no-repeat;padding: 0 0 0 60px;
    background-size: 43px 42px;    
}

.rootFrame.main .main-exchange .wrapper{
    float:right;line-height: 161px;height:inherit;vertical-align: middle;font-size: 40px;font-weight: bold;
}

/* WEATHER REPORT FRAME */

.rootFrame.weather{
/*    background: #000 url('images/background_weather.jpg') no-repeat top left;*/
    background: #000;
}

.rootFrame.weather .headline{
    position:absolute;
    z-index: 1;
    top:55px;
    left:160px;
    overflow: hidden;
    width: 1500px;
    
}

.rootFrame.weather .temperature{
    font-size: 165px;
    line-height: 165px;
    font-weight: bold;
}

.rootFrame.weather .location{
    font-size: 90px;
    line-height: 165px;
    margin-left: 60px
}

.rootFrame.weather .line .box{
    float: left;
    width: 260px;
}

.rootFrame.weather .line .box .value{
    font-size: 45px;
}

.rootFrame.weather .line .box .title{
    font-size: 27px;
}

.rootFrame.weather .infoline .box{
    float: left;
    width: 270px;
    height: 435px;
    margin-right: 15px;
}

.rootFrame.weather .infoline.bg .box{
    opacity:0.6;
/*    background: #516027;*/
    background: #733a68;
}

.rootFrame.weather .infoline .box .title{
    font-size: 33px;
    padding: 25px 20px;
}

.rootFrame.weather .infoline .box .icon{
    padding: 15px 20px;
    text-align: center;
}

.rootFrame.weather .infoline .box .firstRow{
    font-size: 45px;
    padding: 10px 20px;
}

.rootFrame.weather .infoline .box .secondRow{  
    font-size: 21px;
    padding: 10px 20px;
}

.rootFrame.weather .firstLine{
    position: absolute;
    z-index: 1;
    top: 245px;
    left: 160px;
    overflow: hidden;
}

.rootFrame.weather .secondLine{
    position: absolute;
    z-index: 1;
    top: 345px;
    left: 160px;
    overflow: hidden;
}

.rootFrame.weather .thirdLine{
    position: absolute;
    z-index: 2;
    top: 555px;    
    left: 160px;
    overflow: hidden;
    width: 1600px
}

.rootFrame.weather .thirdLine.bg{
    z-index: 1;
}

/* WEATHER REPORT FRAME */

.rootFrame.perspective{
    background: #000 url('images/background3.jpg') no-repeat top left;
    background-size: 100% 100%; 
/*    background: #000;*/
}

.rootFrame.perspective .tvScreen{
    height: 802px;
    width: 1000px;
    -webkit-transform: perspective( 820 ) rotateY( 347.2deg ) rotateX( 1deg );
    
    
}
.rootFrame.perspective .tvScreenWrap{
    height: 895px;
    width: 895px;  
    position: absolute;
    top: 102px;
    left: 817px;
    overflow: hidden;
}

